
.scroll-row { width: 100%; white-space: nowrap; }
.scroll-row-item { display: inline-block; }

/* 定位 */
.position-relative { position: relative; }

/* flex布局 */
.flex { display: flex;}
.flex-column { flex-direction: column;}

.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-end { justify-content: flex-end; }

.align-center { align-items: center; }
.align-end { align-items: flex-end ;}

.flex-wrap { flex-wrap: wrap; }
.align-content-center { align-content: center; }

.flex-1 { flex: 1; }

.flex-shrink-0 { flex-shrink: 0; }

/* 四周边距 */
.p-0 { padding: 5rpx; }
.p-1 { padding: 10rpx; }
.p-2 { padding: 20rpx; }
.p-3 { padding: 30rpx; }

.m-2 {margin: 20rpx;}

/* 上下边距 */
/* 内边距 */
.py-0 { padding-top: 5rpx; padding-bottom: 5rpx; }
.py-1 { padding-top: 10rpx; padding-bottom: 10rpx; }
.py-2 { padding-top: 20rpx; padding-bottom: 20rpx; }
.py-3 { padding-top: 30rpx; padding-bottom: 30rpx; }

.pt-1 { padding-top: 10rpx; }
.pt-2 { padding-top: 20rpx; }

.pb-1 { padding-bottom: 10rpx; }
.pb-2 { padding-bottom: 20rpx; }

/* 外边距 */
.my-2 { margin-top: 20rpx; margin-bottom: 20rpx; }

.mt-1 { margin-top: 10rpx; }
.mt-2 { margin-top: 20rpx; }
.mt-3 { margin-top: 30rpx; }
.mt-4 { margin-top: 40rpx; }

.mb-1 { margin-bottom: 10rpx; }
.mb-2 { margin-bottom: 20rpx; }
.mb-3 { margin-bottom: 30rpx; }

/* 左右边距 */
/* 内边距 */
.px-2 { padding-left: 20rpx; padding-right: 20rpx; }
.px-3 { padding-left: 30rpx; padding-right: 30rpx; }

.pl-2 { padding-left: 20rpx; }
.pl-3 { padding-left: 30rpx; }

.pr-2 { padding-right: 20rpx; }

/* 外边距 */
.mx-2 { margin-left: 20rpx; margin-right: 20rpx; }

.ml-2 { margin-left: 20rpx; }

.mr-1 { margin-right: 10rpx; }
.mr-2 { margin-right: 20rpx; }
.mr-3 { margin-right: 30rpx; }

/* 圆角 */
.round {border-radius: 10rpx;}
.round-circle {border-radius: 100%;}

/* 背景颜色 */
.bg-wraning { background-color: #FFB900}
.bg-hover-wraning { background-color: #EA9700}
.bg-danger {background-color: #E54D42;}
.bg-light {background-color: #E7EBED;}
.bg-white { background-color: #FFFFFF; }

/* 字体大小 */
.font {font-size: 20rpx}
.font-sm { font-size: 24rpx;}
.font-md { font-size: 32rpx;}

.font-4 { font-size: 40rpx; }

/* 字体颜色 */
.text-muted { color: #999;}
.text-white {color: #fff;}
.text-danger {color: #E54D42;}

/* 字体粗细 */
.font-weight-bold {font-weight: bold;}

/* 多余显示省略号 */
.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 阴影 */
.shadow-black {
	box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
}
